<div class="content1">
	<div class="row " style="margin-bottom: 20px;margin-top: 20px;">
		<div class="col-md-6" style="padding: 0;">

			<div class="dropdown">
				<button class="btn btn-default radis-none 
					dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width: 150px;">
					{{$ctrl.selectShop}}
    				<span class="caret" style=""></span>
 				</button>
				<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
					<li ng-repeat="item in $ctrl.monitorShops">
						<a href="" ng-click="$ctrl.selectShop=item">{{item}}</a>
					</li>
				</ul>
			</div>

		</div>
		<div class="col-md-6 text-right" style="padding: 0;">
			<small>注: 所有数据来自公开网页, 更新于 <a>2017-05-10</a> </small>
		</div>
	</div>

	<div class="row">
		<ul>
			<li class="col2" ng-class="{active:$ctrl.selectedTab == 'tab0'}" ng-click="$ctrl.selectedTab = 'tab0'">
				<div class="div0">销售量（件）</div>
				<div class="div1">1,529</div>
				<div class="div2">较前一天<span class="glyphicon glyphicon-arrow-down">6.23%</span></div>

			</li>
			<li class="col2" ng-class="{active:$ctrl.selectedTab == 'tab1'}" ng-click="$ctrl.selectedTab = 'tab1'">
				<div class="div0">销售额</div>
				<div class="div1">529,547</div>
				<div class="div2">较前一天<span class="glyphicon glyphicon-arrow-up">7.28%</span></div>
			</li>
			<li class="col2" ng-class="{active:$ctrl.selectedTab == 'tab2'}" ng-click="$ctrl.selectedTab = 'tab2'">
				<div class="div0">商品种类</div>
				<div class="div1">125</div>
				<div class="div2">较前一天<span class="glyphicon glyphicon-arrow-up">9.36%</span></div>
			</li>
			<li class="col2" ng-class="{active:$ctrl.selectedTab == 'tab3'}" ng-click="$ctrl.selectedTab = 'tab3'" style="border-right:1px solid #BBBBBB ;">
				<div class="div0">平均动销率</div>
				<div class="div1">1.7%</div>
				<div class="div2">较前一天<span class="glyphicon glyphicon-arrow-up">5.01%</span></div>
			</li>
		</ul>
	</div>
	<div class="row chart-panel">
		<div id="chart1" class="detail-chart" ng-show="$ctrl.selectedTab=='tab0'">

		</div>
		<div id="chart2" class="detail-chart" ng-show="$ctrl.selectedTab=='tab1'">

		</div>
		<div id="chart3" class="detail-chart" ng-show="$ctrl.selectedTab=='tab2'">

		</div>
		<div id="chart4" class="detail-chart" ng-show="$ctrl.selectedTab=='tab3'">

		</div>
	</div>
	<div id="" class="row" style="margin-top: 20px;">
		<div class="my_datepicker">
			<datepicker date-format="yyyy-MM-dd" selector="date">
				<div class="input-group">
					<button class="" ng-click="" ng-disabled="" style="background-color: #FFFFFF;border: 0;">
                            <span class="glyphicon glyphicon-menu-left"></span>前一天
                        </button>
					<span class="">
							<span class="glyphicon glyphicon-calendar"></span>
					<input class="date" ng-model="'2017-04-25'" ng-change="" />
					</span>
					<button class="" ng-click="" ng-disabled="" style="background-color: #FFFFFF;border: 0;">
                            	后一天<span class="glyphicon glyphicon-menu-right"></span>
                    </button>
				</div>
			</datepicker>
		</div>
	</div>
	<div class="row" style="height: 20px;border-bottom: 1px solid #D4D4D4;"></div>

	<div class="row " style="clear: both;position: relative;margin-top: 20px;">
		<div class="" style="margin-bottom: 30px;border-bottom: 1px solid #D4D4D4;">
			<h4>销售TOP3</h4>
		</div>
		<table class="table top3" style="width: 100%;">
			<thead style="	">
				<tr>
					<td></td>
					<td>商品名称</td>
					<td>销售量/较上一天</td>
					<td>销售额/较上一天</td>
					<td>操作</td>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="item in $ctrl.arrays">
					<td style="width: 5%;">{{item}}</td>
					<td style="width: 30%;">
						<img class="goods-img" src="https://gd2.alicdn.com/imgextra/i4/95666270/TB2O0XMnm8mpuFjSZFMXXaxpVXa_!!95666270.jpg" />
						<div style="display: inline-block; width: 70%; padding-left: 10px;">
							<a class="two_line">福瑞特770C风干机食品干果机食物烘干脱水家用水果蔬菜肉药材宠物</a>
						</div>
					</td>
					<td style="width: 20%;">
						<span style="">619</span>
						<span style="" class="glyphicon glyphicon-arrow-up">10.14%</span>
					</td>
					<td style="width: 20%;">
						<span style="">619</span>
						<span style="" class="glyphicon glyphicon-arrow-up">10.14%</span>
					</td>
					<td style="width: 20%;">
						<input type="button" class="btn btn-default radis-none" value="最近30天成交趋势" ng-click="$ctrl.recordShow = true " />
					</td>
				</tr>
			</tbody>
		</table>

		<div class="pop-chart" ng-show="$ctrl.recordShow">

			<div class="text-right">
				<input type="button" class="btn" value="&times;" ng-click="$ctrl.recordShow = false ;" style="background-color: #FFFFFF;" />
			</div>

			<div style="font-size: 16px;text-align: center; line-height: 45px; height: 45px; width: 95%;margin:auto;background-color: #EEF2E3;margin-bottom: 15px;">
				(根据当期已存数量)最近30天成交：总计销量：18493件   估计总销售额：619612.7元
			</div>
			<div id="record" style="height: 75%;width: 100%;">

			</div>

		</div>

	</div>

	<div class="row" style="height: 20px;border-bottom: 1px solid #D4D4D4;"></div>
	<div class="row" style="height: 100px">

	</div>

</div>